<!--
  Copyright 2020 The Chromium Authors. All rights reserved.
  Use of this source code is governed by a BSD-style license that can be
  found in the LICENSE file.
-->
<!DOCTYPE html>
<style>
  .grid {
    display: inline-grid;
  }
  .flex {
    display: flex;
  }
</style>
<div class="grid"></div>
<div class="flex"></div>
<script>
document.querySelector(".grid").attachShadow({mode: 'open'});
document.querySelector(".flex").attachShadow({mode: 'open'});
</script>
